<ion-header>
  <div class="uh bc-head  ubb bc-d9" data-control="HEADER" id="Header">
    <div class="ub ub-ac ubb bc-cc">
      <div class="widhh" id="nav-left" (click)="dismiss()">
        <ion-icon name="close" style="font-size: 3em; color: #474646 ;"></ion-icon>
      </div>
      <h1 class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">挑战打卡</h1>
      <div class="widhh color_red" id="nav-right"></div>
    </div>
  </div>
</ion-header>
<ion-content>
  <div class="ub ub-ver pad_left7 pad_right7 bor_b bc-head">
    <textarea [(ngModel)]="DaKa.Describe" id="rewardMessage" class="wenben bg-ff " placeholder="填写打卡内容"></textarea>
    <div class="ub-ver ub-pc umar-r">
      <img id="addvideo" class="openpic addpic " (click)="upVideo()" src="assets/imgs/img/uploadVideo.png" style="width:4em;height: 4em;"
      />
      <div> 上传视频 </div>
      <div class="fontcolor999 fontsize8" style="height: 1em;"></div>
    </div>
    <div class="umar-l ub-ver ub-pc" (click)="upPic()">
      <img id="addpic" class="openvideo addvideo" src="{{DaKa.PicList[0]}}" style="width:4em;height: 4em;" />
      <div> 上传图片 </div>
      <div class="fontcolor999 fontsize8" style="height: 1em;"> (最多1张) </div>
    </div>
  </div>
  <div class="ub ub-ac  pad_left7 pad_right7 umh5 fontsize9"> 选择需要打卡的挑战项目
    <div style="float: right;width:30%;min-width:136px; position: relative; right: -20%;">谁可以看
      <span>{{IsReward?"公开":"私有"}}</span>
      <span style="float: right;">
        <ion-toggle [(ngModel)]="IsReward"></ion-toggle>
      </span>
    </div>
  </div>
  <ul>
    <li *ngFor="let item of DaKaInfoList; let i=index">
      <ion-checkbox (ionChange)="updateCucumber($event,item)"></ion-checkbox>
      <ion-label for="">{{item.Title}}</ion-label>
    </li>
  </ul>
  <button ion-button color="danger" block (click)="nextBtn1()">打卡</button>
</ion-content>